﻿<!DOCTYPE html>
<html>
<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <title>MyDog</title>

    <link href="assets/css/bootstrap.min.css" rel="stylesheet">
    <link href="assets/font-awesome/css/font-awesome.css" rel="stylesheet">
    <link href="assets/css/animate.css" rel="stylesheet">
    <link href="assets/css/plugins/iCheck/custom.css" rel="stylesheet">
    <link href="assets/css/plugins/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css" rel="stylesheet">
    <link href="assets/css/style.css" rel="stylesheet">

</head>

<body>
    <div id="wrapper">
        <!-- menu start... -->
        <nav class="navbar-default navbar-static-side" role="navigation">
            <div class="sidebar-collapse" id="menu-box">
                <ul class="nav metismenu" id="side-menu">
                    <li class="nav-header">
                        <div class="dropdown profile-element"> <span>
                            <img alt="image" class="img-circle" src="assets/img/profile_small.jpg" />
                             </span>
                            <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                            <span class="clear"> <span class="block m-t-xs"> <strong class="font-bold">许思涵</strong>
                             </span> <span class="text-muted text-xs block">Full-Stack <b class="caret"></b></span> </span> </a>
                            <ul class="dropdown-menu animated fadeInRight m-t-xs">
                                <li><a href="profile.html">Profile</a></li>
                                <li><a href="contacts.html">Contacts</a></li>
                                <li class="divider"></li>
                                <li><a href="login.html">Logout</a></li>
                            </ul>
                        </div>
                        <div class="logo-element">
                            MYDOG
                        </div>
                    </li>
                    <li>
                        <a href="index.html"><i class="fa fa-th-large"></i> <span class="nav-label">Dashboards</span></a>
                    </li>
                    <li>
                        <a href="document.html"><i class="fa fa-diamond"></i> <span class="nav-label">Document</span></a>
                    </li>
                    <li>
                        <a href="plugins.html"><i class="fa fa-bar-chart-o"></i> <span class="nav-label">Plugins</span></a>
                    </li>
                    <li class="active">
                        <a href="generate.html"><i class="fa fa-envelope"></i> <span class="nav-label">Generate </span></a>
                    </li>
                    <li>
                        <a href="applications.html"><i class="fa fa-cubes"></i> <span class="nav-label">Applications</span>  </a>
                    </li>
                    <li>
                        <a href="contacts.html"><i class="fa fa-group"></i> <span class="nav-label">JoinUs</span></a>
                    </li>
                </ul>
            </div>
        </nav>
        <!-- menu end... -->

        <div id="page-wrapper" class="gray-bg mydog-plugins-wrapper">
            <div class="row border-bottom">
                <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
                    <div class="navbar-header">
                        <a class="navbar-minimalize minimalize-styl-2" href="#"><i class="fa fa-bars"></i> </a>
                        <form role="search" class="navbar-form-custom" action="search_results.html">
                            <div class="form-group">
                                <input type="text" placeholder="Search for something..." class="form-control" name="top-search" id="top-search">
                            </div>
                        </form>
                    </div>
                    <ul class="nav navbar-top-links navbar-right">
                        <li>
                            <span class="m-r-sm text-muted welcome-message">Welcome to MyDog.</span>
                        </li>
                        <li class="dropdown">
                            <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#">
                                <i class="fa fa-envelope"></i>  <span class="label label-warning">16</span>
                            </a>
                            <ul class="dropdown-menu dropdown-messages">
                                <li>
                                    <div class="dropdown-messages-box">
                                        <a href="profile.html" class="pull-left">
                                            <img alt="image" class="img-circle" src="assets/img/a7.jpg">
                                        </a>
                                        <div class="media-body">
                                            <small class="pull-right">46h ago</small>
                                            <strong>Mike Loreipsum</strong> started following <strong>Monica Smith</strong>. <br>
                                            <small class="text-muted">3 days ago at 7:58 pm - 10.06.2014</small>
                                        </div>
                                    </div>
                                </li>
                                <li class="divider"></li>
                                <li>
                                    <div class="dropdown-messages-box">
                                        <a href="profile.html" class="pull-left">
                                            <img alt="image" class="img-circle" src="assets/img/a4.jpg">
                                        </a>
                                        <div class="media-body ">
                                            <small class="pull-right text-navy">5h ago</small>
                                            <strong>Chris Johnatan Overtunk</strong> started following <strong>Monica Smith</strong>. <br>
                                            <small class="text-muted">Yesterday 1:21 pm - 11.06.2014</small>
                                        </div>
                                    </div>
                                </li>
                                <li class="divider"></li>
                                <li>
                                    <div class="dropdown-messages-box">
                                        <a href="profile.html" class="pull-left">
                                            <img alt="image" class="img-circle" src="assets/img/profile.jpg">
                                        </a>
                                        <div class="media-body ">
                                            <small class="pull-right">23h ago</small>
                                            <strong>Monica Smith</strong> love <strong>Kim Smith</strong>. <br>
                                            <small class="text-muted">2 days ago at 2:30 am - 11.06.2014</small>
                                        </div>
                                    </div>
                                </li>
                                <li class="divider"></li>
                                <li>
                                    <div class="text-center link-block">
                                        <a href="mailbox.html">
                                            <i class="fa fa-envelope"></i> <strong>Read All Messages</strong>
                                        </a>
                                    </div>
                                </li>
                            </ul>
                        </li>
                        <li class="dropdown">
                            <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#">
                                <i class="fa fa-bell"></i>  <span class="label label-primary">8</span>
                            </a>
                            <ul class="dropdown-menu dropdown-alerts">
                                <li>
                                    <a href="mailbox.html">
                                        <div>
                                            <i class="fa fa-envelope fa-fw"></i> You have 16 messages
                                            <span class="pull-right text-muted small">4 minutes ago</span>
                                        </div>
                                    </a>
                                </li>
                                <li class="divider"></li>
                                <li>
                                    <a href="profile.html">
                                        <div>
                                            <i class="fa fa-twitter fa-fw"></i> 3 New Followers
                                            <span class="pull-right text-muted small">12 minutes ago</span>
                                        </div>
                                    </a>
                                </li>
                                <li class="divider"></li>
                                <li>
                                    <a href="grid_options.html">
                                        <div>
                                            <i class="fa fa-upload fa-fw"></i> Server Rebooted
                                            <span class="pull-right text-muted small">4 minutes ago</span>
                                        </div>
                                    </a>
                                </li>
                                <li class="divider"></li>
                                <li>
                                    <div class="text-center link-block">
                                        <a href="notifications.html">
                                            <strong>See All Alerts</strong>
                                            <i class="fa fa-angle-right"></i>
                                        </a>
                                    </div>
                                </li>
                            </ul>
                        </li>


                        <li>
                            <a href="login.html">
                                <i class="fa fa-sign-out"></i> Log out
                            </a>
                        </li>
                    </ul>

                </nav>
            </div>
            <!-- bread crumbs start... -->
            <div class="row wrapper border-bottom white-bg page-heading">
                <div class="col-lg-9">
                    <h2>Generate</h2>
                    <ol class="breadcrumb">
                        <li>
                            <a href="index.html">Home</a>
                        </li>
                        <li class="active">
                            <strong>Generate</strong>
                        </li>
                    </ol>
                </div>
            </div>
            <!-- bread crumbs end... -->


            <!-- mydog plugins add dropdown -->
            <div class="mydog-plugins-add dropdown text-center">
                <span class="label label-inverse">add feature</span>
                <a class="dropdown-toggle count-info " aria-expanded="false"  onclick="featurePanelOpen(this)">
                    <img src="assets/img/add.png" alt="add plugins" class="img-responsive">
                </a>
                <ul class="dropdown-menu dropdown-messages">
                    <li>
                        <div class="dropdown-messages-box clearfix">
                            <a href="profile.html" class="pull-left">
                                <img alt="image" class=" img-circle " src="assets/img/project.jpg">
                            </a>
                            <div class="media-body">
                                <strong>mydog project</strong>. <br><span class="label label-warning label-min">唯一</span><br>
                                <small class="text-muted">用于生成 基础项目</small>
                            </div>
                            <a href="profile.html" class="plugin-add">
                                <img alt="image" class=" img-circle " src="assets/img/add.png">
                            </a>
                        </div>
                    </li>
                    <li class="divider"></li>
                    <li>
                        <div class="dropdown-messages-box clearfix">
                            <a href="profile.html" class="pull-left">
                                <img alt="image" class=" img-circle " src="assets/img/database.png">
                            </a>
                            <div class="media-body">
                                <strong>mydog datasource</strong>. <br><span class="label label-warning label-min">唯一</span><br>
                                <small class="text-muted">用于生成 datasource</small>
                            </div>
                            <a href="profile.html" class="plugin-add">
                                <img alt="image" class=" img-circle " src="assets/img/add.png">
                            </a>
                        </div>
                    </li>
                    <li class="divider"></li>
                    <li>
                        <div class="dropdown-messages-box clearfix">
                            <a href="profile.html" class="pull-left">
                                <img alt="image" class=" img-circle " src="assets/img/entity.jpg">
                            </a>
                            <div class="media-body">
                                <strong>mydog entity</strong> <br><span class="label label-info label-min">多个</span><br>
                                <small class="text-muted">用于生成 entity</small>
                            </div>
                            <a href="profile.html" class="plugin-add">
                                <img alt="image" class=" img-circle " src="assets/img/add.png">
                            </a>
                        </div>
                    </li>
                    <li class="divider"></li>
                    <li>
                        <div class="dropdown-messages-box clearfix">
                            <a href="profile.html" class="pull-left">
                                <img alt="image" class=" img-circle " src="assets/img/web.jpg">
                            </a>
                            <div class="media-body">
                                <strong>mydog entityUI</strong> <br><span class="label label-warning label-min">唯一</span><br>
                                <small class="text-muted">用于生成 基础的网页</small>
                            </div>
                            <a href="profile.html" class="plugin-add">
                                <img alt="image" class=" img-circle " src="assets/img/add.png">
                            </a>
                        </div>
                    </li>
                    <li class="divider"></li>
                    <li>
                        <div class="dropdown-messages-box clearfix">
                            <a href="profile.html" class="pull-left">
                                <img alt="image" class=" img-circle " src="assets/img/ormming.png">
                            </a>
                            <div class="media-body">
                                <strong>mydog ormapping</strong> <br><span class="label label-warning label-min">唯一</span><br>
                                <small class="text-muted">用于生成数据库框架</small>
                            </div>
                            <a href="profile.html" class="plugin-add">
                                <img alt="image" class=" img-circle " src="assets/img/add.png">
                            </a>
                        </div>
                    </li>
                </ul>
            </div>


            <div class="wrapper wrapper-content animated fadeInRight navbar-top-links">
                <div class="row">
                    <div class="col-md-12">
                        <div class="widget white-bg p-lg mydog-plugins-properties">
                            <div class="media">
                                <p>点击右上角<kbd>add feature</kbd>添加生成项目所需的plugin</p>
                                <p>加号<span class="text-success">" + "</span>为<span class="text-danger">灰</span> 表示该plugin依赖其它plugin或者它只能唯一</p>
                                <p>点击下面<span class="label label-primary">生成</span>按钮将生成项目</p>
                                <p>
                                    <button type="button" onclick="mydogSubmit()"  class="btn btn-success btn-outline">生  成</button>
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="widget white-bg p-lg mydog-plugins-properties">
                            <div class="media">
                                <div class="media-body">
                                    <h4 class="media-heading">Mydog Project
                                        <a class="close-link pull-right">
                                            <i class="fa fa-times "></i>
                                        </a>
                                    </h4>
                                    <div class="media-left  media-mini col-md-2 text-center">
                                        <a href="#">
                                            <img class="media-object" src="assets/img/project.jpg" alt="mydog-project">
                                        </a>
                                    </div>
                                    <form name="myDogProjectParams">
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label for="inputGoupId">groupid</label>
                                                <input type="text" class="form-control" name="groupId" id="inputGoupId" placeholder="groupId">
                                            </div>
                                            <div class="form-group">
                                                <label for="inputArtifactId">artifactid</label>
                                                <input type="text" class="form-control" name="artifactId" id="inputArtifactId" placeholder="artifactId">
                                            </div>
                                            <div class="form-group">
                                                <label for="inputVersion">version</label>
                                                <input type="text" class="form-control" name="version" id="inputVersion" placeholder="version">
                                            </div>
                                            <div class="form-group">
                                                <label >请选择生成方式:</label>
                                                <div>
                                                    <select name="outputType" class="plugin-add-select" id="selectOutputType">
                                                        <option selected value="file" >目录生成</option>
                                                        <!--<option  value="download">下载JAR</option>-->
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="form-group" id="outPutByFile">
                                                <label for="inputOutputPath" style="font-size:12px;">请输入生成路径</label>
                                                <input type="text" class="form-control" name="outputPath" id="inputOutputPath" placeholder="D:/mydog/ouput/">
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label for="inputAppPort">端口</label>
                                                <input type="text" class="form-control" name="port" id="inputAppPort" placeholder="8082">
                                            </div>
                                            <div class="form-group">
                                                <label for="inputSpringbootVersion">springboot版本</label>
                                                <div>
                                                    <select name="springbootVersion"  class="plugin-add-select" id="inputSpringbootVersion">
                                                        <option value="1.4.2.RELEASE" selected>1.4.2.RELEASE</option>
                                                        <option value="1.4.7.RELEASE">1.4.7.RELEASE</option>
                                                        <option value="1.5.6.RELEASE">1.5.6.RELEASE</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="form-group ">
                                                <label for="ProjectName">网页Brand名称</label>
                                                <input type="text" class="form-control" name="projectName" id="ProjectName" placeholder="mydog测试项目">
                                            </div>
                                            <div class="form-group">
                                                <label >请选择日志类型:</label>
                                                <div>
                                                    <select name="logType" class="plugin-add-select">
                                                        <option selected value="logback" >logback</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="form-group">
                                                <label for="inputOutputPath" style="font-size:12px;">请输入日志路径</label>
                                                <input type="text" class="form-control" name="loggingPath" value="classpath:logback.xml">
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group ">
                                                <label>基础package结构</label>
                                                <input type="text" class="form-control" name="basePackage"  placeholder="com.mycat.mydog.project">
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="widget white-bg p-lg mydog-plugins-properties">
                            <div class="media">
                                <h4 class="media-heading">Mydog DataSource
                                    <a class="close-link pull-right">
                                        <i class="fa fa-times "></i>
                                    </a>
                                </h4>
                                <div class="media-left  media-mini col-md-2 text-center">
                                    <a href="#">
                                        <img class="media-object" src="assets/img/database.png" alt="mydog-database">
                                    </a>
                                </div>
                                <div class="media-body">
                                    <form name="myDogDataSourceParams" >
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label for="inputDatabase">database</label>
                                                <input type="text" class="form-control" name="database" id="inputDatabase" placeholder="数据库">
                                            </div>
                                            <div class="form-group">
                                                <label for="url">url</label>
                                                <input type="text" class="form-control" name="url" id="url" placeholder="127.0.0.1/localhost">
                                            </div>
                                            <div class="form-group">
                                                <label for="dbuser">user</label>
                                                <input type="text" class="form-control" name="user" id="dbuser" placeholder="数据库连接名">
                                            </div>
                                            <div class="form-group">
                                                <label for="dbpwd">password</label>
                                                <input type="password" class="form-control" name="password" id="dbpwd" placeholder="数据库密码">
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label>数据源</label>
                                                <div class="i-checks">
                                                    <label class="">
                                                        <div class="" style="position: relative;">
                                                            <input type="radio" value="0" checked="checked" name="dataType" style="position: absolute; opacity: 0;">
                                                            <ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins>
                                                        </div>
                                                        <i></i>
                                                        MySQL
                                                    </label>
                                                    <!--<label class="">
                                                        <div class="iradio_square-green" style="position: relative;">
                                                            <input type="radio" value="1" name="dataType" disabled style="position: absolute; opacity: 0;">
                                                            <ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins>
                                                        </div>
                                                        <i></i>
                                                        Oracle
                                                    </label>-->
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label for="inputSpringbootVersion">数据源类型</label>
                                                <div>
                                                    <select name="instanceName"  class="plugin-add-select">
                                                        <option value="tomcatDatasource" selected>Tomcat Datasource</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-9">
                                            <div class="form-group">
                                                <label for="inputJarPath">Jar路径</label>
                                                <input type="text" class="form-control" name="jarPath" id="inputJarPath" placeholder="/tmp/.m2/repository/mysql/mysql-connector-java/5.1.40/mysql-connector-java-5.1.40.jar">
                                            </div>
                                        </div>
                                       <!-- <div class="col-md-9">
                                            <div class="form-group ">
                                                <input type="button"  value="配  置" class=" form-control-submit-min btn btn-success "/>
                                            </div>
                                        </div>-->
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="widget white-bg p-lg mydog-plugins-properties">
                            <div class="media">
                                <h4 class="media-heading">Mydog Entity
                                    <a class="close-link pull-right">
                                        <i class="fa fa-times "></i>
                                    </a>
                                </h4>
                                <div class="media-left  media-mini col-md-2 text-center">
                                    <a href="#">
                                        <img class="media-object" src="assets/img/entity.jpg" alt="mydog-entity">
                                    </a>
                                </div>
                                <div class="media-body">
                                    <form name="myDogEntityParams">
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label>Entity包目录</label>
                                                <input type="text" name="packageName" class="form-control" placeholder="org.huangpu.mydog.demo" />
                                            </div>
                                            <div class="form-group">
                                                <label>主键字段</label>
                                                <input type="text" name="id" class="form-control" placeholder="id" />
                                            </div>
                                            <div class="form-group">
                                                <label>选择功能</label>
                                                <div class="i-checks">
                                                    <label class="" id="pageCheckbox">
                                                        <div class="icheckbox_square-green" style="position: relative;">
                                                            <input type="checkbox" value="1"  name="isPage" style="position: absolute; opacity: 0;">
                                                            <ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins>
                                                        </div>
                                                        <i></i>
                                                        分页
                                                    </label>
                                                    <label id="colPageSize">
                                                        页面大小(pageSize)
                                                        <input type="text" name="pageSize" value="20" />
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label>Entity类名</label>
                                                <input type="text" name="entityName" class="form-control" placeholder="如：User (user表)" />
                                            </div>
                                            <div class="form-group">
                                                <label>字段类型</label>
                                                <input type="text" name="fieldType" class="form-control" placeholder="Integer (Java 类型)" />
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label>备注</label>
                                                <input type="text" name="label" class="form-control" placeholder="用户" />
                                            </div>
                                            <div class="form-group">
                                                <label>是否自增</label>
                                                <div class="i-checks">
                                                    <label class="" id="pageCheckbox">
                                                        <div class="icheckbox_square-green" style="position: relative;">
                                                            <input type="checkbox" value="1" checked  name="isAutoIncrement" style="position: absolute; opacity: 0;">
                                                            <ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins>
                                                        </div>
                                                        <i></i>
                                                        自增
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <lable>添加字段</lable>
                                              <a class="filedAdd"><img class="img-responsive" src="assets/img/add.png"></a>  
                                        </div>
                                        <!--<div class="col-md-9">
                                            <div class="form-group ">
                                                <input type="submit" value="配  置" class=" form-control-submit-min btn btn-success "/>
                                            </div>
                                        </div>-->
                                    </form>
                                    <div id="otherFields">

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="widget white-bg p-lg mydog-plugins-properties">
                            <div class="media">
                                <h4 class="media-heading">Mydog EntityUI
                                    <a class="close-link pull-right">
                                        <i class="fa fa-times "></i>
                                    </a>
                                </h4>
                                <div class="media-left  media-mini col-md-2 text-center">
                                    <a href="#">
                                        <img class="media-object" src="assets/img/web.jpg" alt="mydog-web">
                                    </a>
                                </div>
                                <div class="media-body">
                                    <form name="myDogEntityUIParams">
                                        <div class="col-md-9">
                                            <div class="form-group">
                                                <div class="form-group">
                                                    <label>选择前端框架</label>
                                                    <div>
                                                        <select name="instanceName" class="plugin-add-select">
                                                            <option value="bootstrap+jquery" selected>Bootstrap</option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-12">
                        <div class="widget white-bg p-lg mydog-plugins-properties">
                            <div class="media">
                                <h4 class="media-heading">Mydog Ormapping
                                    <a class="close-link pull-right">
                                        <i class="fa fa-times "></i>
                                    </a>
                                </h4>
                                <div class="media-left  media-mini col-md-2 text-center">
                                    <a href="#">
                                        <img class="media-object" src="assets/img/ormming.png" alt="mydog-ormapping">
                                    </a>
                                </div>
                                <div class="media-body">
                                    <form name="myDogOrmappingParams">
                                        <div class="col-md-3">
                                            <div class="form-group">
                                                <label>数据库框架类型</label>
                                                <div>
                                                    <select name="instanceName" id="dataSelect" class="plugin-add-select">
                                                        <option value="mybatis" selected>MyBatis</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="form-group" id="mybatisGeneratorType">
                                                <label>选择SQL生成方式</label>
                                                <div>
                                                    <select name="mapperType" class="plugin-add-select">
                                                        <option value="XMLMAPPER" selected>XML方式</option>
                                                        <option value="ANNOTATEDMAPPER">注解方式</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <!--<div class="col-md-3">
                                            <div class="form-group">
                                                <label>选择功能</label>
                                                <div class="i-checks">
                                                    <label class="" for="ui">
                                                        <div class="icheckbox_square-green" style="position: relative;">
                                                            <input type="checkbox" value="on" name="transaction" style="position: absolute; opacity: 0;">
                                                            <ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgb(255, 255, 255); border: 0px; opacity: 0;"></ins>
                                                        </div>
                                                        <i></i>
                                                        开启事务
                                                    </label>
                                                </div>
                                            </div>
                                        </div>-->
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>

            <!-- footer start... -->
            <div class="footer">
                <div>
                    <strong>Copyright</strong> Example Company &copy; 2014-2017
                </div>
            </div>
            <!-- footer end... -->
        </div>
    </div>

    <!-- Mainly scripts -->
    <script src="assets/js/lib/jquery-3.1.1.min.js"></script>
    <script src="assets/js/lib/bootstrap.min.js"></script>
    <script src="assets/js/plugins/metisMenu/jquery.metisMenu.js"></script>
    <script src="assets/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>

    <!-- Custom and plugin javascript -->
    <script src="assets/js/main.js"></script>

    <!-- iCheck -->
    <script src="assets/js/plugins/iCheck/icheck.min.js"></script>
    <script>
        $(document).ready(function () {
            $('.i-checks').iCheck({
                checkboxClass: 'icheckbox_square-green',
                radioClass: 'iradio_square-green',
            });
        });
    </script>
</body>
</html>
